<template>
  <div class="img-wrap link1">
    <img src="http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/1031_link1.jpg">
    <img src="http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/1031_link2.jpg" @click="companyDetail()">
    <img src="http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/1031_link3.jpg" @click="goToPage('report')">
    <img src="http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/1031_link4.jpg">
    <img src="http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/1031_link5.jpg">
    <div class="buy_link" @click="goToPage('orderPre')"></div>
    <div class="link3" @click="goToPage('link3')"></div>
    <!-- <img src="http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/aboutMe/link1_new2.png" @click="goToPage('orderPre')">
    <img src="http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/aboutMe/link1_new1.png" @click="goToPage('link3')"> -->
  </div>
</template>
<script>
import { wxshare } from 'common/mixin';
export default {
  mixins: [wxshare],
  data() {
    return {

    }

  },
  methods: {
    goToPage: function(page) {
      this.$router.push({ path: page });
    },
    companyDetail: function() {
      location.href = 'http://zw.gee4.cn/headline/companyDetail';
    }
  }
}

</script>
<style lang="less">
.link1 {
  position: relative;
  .link3 {
    width: 100%;
    position: absolute;
    bottom: 5rem;
    height: 1rem;
  }
  .buy_link {
    width: 100%;
    position: absolute;
    bottom: 1.75rem;
    height: 2.5rem;
  }
  img {
    vertical-align: top;
    display: block;
    width: 100%;
  }
}

</style>
